<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
    <!-- 导入vue -->
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
</head>
<body>
    <!-- 容器 --> 
    <div id="app">
        <label for="one">
            <input type="radio" name='gender' id="one" v-model='sex' value='male'>男
        </label>
        <label for="two">
            <input type="radio" name='gender' id="two" v-model='sex' value="female">女
        </label>
        
        <select v-model='tech'>
            <option value="html">HTML</option>
            <option value="css">CSS</option>
            <option value="js">JS</option>
        </select>
        {{tech}}
    </div>
    <script>
        new Vue({
            el:'#app',
            data(){
                return {
                    sex:'',
                    tech:''
                }
            }
        })
    </script>
</body>
</html>